<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 
        a标签
        href:目的地地址
           href="#":页面内跳转到最上方，置顶
           href="javascript:void(0)"
           href="javascript:;"
        _self:本身窗口打开
        _blank:新窗口打开
     -->

     <!-- 
         绝对路径：
         相对路径：. 当前路径  ..上一级
         img标签
           src:要显示图片的地址
           alt:当图片路径不对时可以写下提示
           width：图片的宽  hight：高  ：这两个写一个就可以 自动调整放大缩小
           title：鼠标移入出现提示
         shape:
            circ:圆形 找到圆心就行
            rect:正方形 找到左上角和右下角两点
            poly:多边形 需要六个点围着
      -->
      <img src="../第一次作业/hnkz.jpg" alt="" map="#likai">
      <map id="likai" name="likai" >
      <area href="www.baidu.com" shape="circ" coords="100,343,50">
      </map>
</body>
</html>